<!DOCTYPE HTML>
<html>
<head>
  <title>Arduino Remote Control</title>
  <meta name='author' content='Grupp2' />
  <meta name='description' content='arduino webserver' />
  <meta http-equiv='content-type' content='text/html; charset=UTF-8' />
  <style type='text/css'>
    #page {webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	font-family: sans; max-width: 600px; margin: 0 auto;}
	#authlegend,#password,#inlog,#header {text-align:center;}
	#logoutdiv {text-align:right;}
	#logout {color:black;}
  </style>
</head>
<body>
  <div id='page'>
    <div id='header'>
      <h1 style='margin:auto;'>Arduino Remote control</h1>
      <hr />
    </div><!--/header-->
	<div id='content'>
	  <div id='logoutdiv'>
	    <span><a href='/?logout' id='logout'>Logout</a></span>
	  </div><!--/logoutdiv-->
	  <div id='ar_leds'>
		<form method='get' name='homepage'>
		  <fieldset>
			<legend>Temp</legend>
            <p><b>Sensor 1:&nbsp;&nbsp;</b>28.5&deg;C</p>
		  </fieldset>
          <fieldset>
            <legend>Arduino</legend>
            <div id='Lamp1'>
              <p>
			  <b>LED 1&nbsp;&nbsp;&nbsp;</b>
			  <input type='submit' name='L1' id='L1_ON' value='ON' />
			  <input type='submit' name='L1' id='L1_OFF' value='OFF' style='background-color:red;'/>
			  </p>
			</div><!--/Lamp1-->
			<div id='Lamp2'>
			  <p>
			  <b>LED 2&nbsp;&nbsp;&nbsp;</b>
			  <input type='submit' name='L2' id='L2_ON' value='ON' style='background-color:green;'/>
			  <input type='submit' name='L2' id='L2_OFF' value='OFF' />
			  </p>
			</div><!--/Lamp2-->
			<div id='Lamp3'>
			  <p>
			  <b>LED 3&nbsp;&nbsp;&nbsp;</b>
			  <input type='submit' name='L3' id='L3_ON' value='ON' />
			  <input type='submit' name='L3' id='L3_OFF' value='OFF' style='background-color:red;'/>
			  </p>
			</div><!--/Lamp3-->
			<div id='Lamp4'>
			  <p>
			  <b>LED 4&nbsp;&nbsp;&nbsp;</b>
			  <input type='submit' name='L4' id='L4_ON' value='ON' style='background-color:green;'/>
			  <input type='submit' name='L4' id='L4_OFF' value='OFF' />
			  </p>
			</div><!--/Lamp4-->
			<div id='ar_error'>
		      <p>Debugg: </p>
			</div><!--/ar_error-->
		  </fieldset>
		</form>
	  </div><!--/ar_leds-->
	  <div id='iar_leds'>
	    <form>
		  <fieldset>
		    <legend>IAR</legend>
      	    <div id='LED1'>
		      <p>
		   	  <b>LED 1&nbsp;&nbsp;&nbsp;</b>
			  <input type='submit' name='IAR_L1' id='IAR_L1_ON' value='ON' style='background-color:green;'/>
			  <input type='submit' name='IAR_L1' id='IAR_L1_OFF' value='OFF' />
			  </p>
		    </div><!--/LED1-->
		    <div id='LED2'>
		      <p>
		      <b>LED 2&nbsp;&nbsp;&nbsp;</b>
			  <input type='submit' name='IAR_L2' id='IAR_L2_ON' value='ON' style='background-color:green;'/>
			  <input type='submit' name='IAR_L2' id='IAR_L2_OFF' value='OFF' />
			  </p>
		    </div><!--/LED2-->
		    <div id='LED3'>
			  <p>
			  <b>LED 3&nbsp;&nbsp;&nbsp;</b>
			  <input type='submit' name='IAR_L3' id='IAR_L3_ON' value='ON' />
			  <input type='submit' name='IAR_L3' id='IAR_L3_OFF' value='OFF' style='background-color:red;'/>
			  </p>
		    </div><!--/LED3-->
		    <div id='LED4'>
			  <p>
			  <b>LED 4&nbsp;&nbsp;&nbsp;</b>
			  <input type='submit' name='IAR_L4' id='IAR_L4_ON' value='ON' />
			  <input type='submit' name='IAR_L4' id='IAR_L4_OFF' value='OFF' style='background-color:red;'/>
			  </p>
		    </div><!--/LED4-->
		    <div id='IAR_DISCO'>
			  <p>	
			  <b>Disco &nbsp;&nbsp;&nbsp;</b>
			  <input type='submit' name='IAR_DISCO' id='IAR_DISCO_ON' value='ON'/>
			  </p>
		    </div><!--/IAR_DISCO-->
		    <div id='iar_error'>
			  <p>Debugg: </p>
		    </div><!--/iar_error-->
		  </fieldset>
	    </form>
	  </div><!--/iar_leds-->
	</div><!--/content-->
</div><!--/page-->
</body>
</html>
